<template>
  <div class="common-layout">
        <el-container >
          <el-aside width="200px" height="100%" style="background:#a0cfff">
                  <el-row class="tac">
                      <el-col>
                          <el-menu default-active="/analysis/funnel"
                          class="el-menu-vertical-demo" 
                          background-color="#a0cfff"
                          router>
                            <el-menu-item index="/analysis/funnel">
                              <el-icon><HomeFilled /></el-icon>
                              <span>漏斗分析</span>
                            </el-menu-item>
                            <el-menu-item index="/analysis/attribute">
                                <el-icon><HomeFilled /></el-icon>
                                <span>归因分析</span>
                            </el-menu-item>
                          </el-menu>
                      </el-col>
                  </el-row>
          </el-aside>
          <el-main><router-view></router-view></el-main>
        </el-container>
  </div>
</template>

<script setup>
import { HomeFilled } from '@element-plus/icons-vue'
</script>

<style>

</style>